<template>
	<div class="content">
		<div class="contop">
			<div><span style="font-size: 16px;color: #333333;">体检报告</span><span style="color: #AAAAAA;font-size: 12px;margin-left: 10px;">单号：2020100908900</span></div>
			<div class="zip">
				<div>项目：男性基础体检A套餐</div>
			</div>
			<div class="zip">
				<div>姓名：蒋峰</div>
			</div>
			<div class="zip">
				<div>身份证号：378909199870098978</div>
			</div>
			<div class="zip">
				<div>性别：男</div>
			</div>
			<div class="zip">
				<div>年龄：24岁</div>
			</div>
			<div class="zip">
				<div>报告日期：2020-09-09 </div>
			</div>
		</div>
		<div class="contop" style="border: 0;margin-top: 20px;">
			<div>所有项目</div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>一般体检</div><div class="izpimg" ><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>内科检查</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>外科检查</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>血常规</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>尿常规</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>肝功能常规</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>肾功能常规</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>腹部彩色多普勒肩检查</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
			<div class="server1" style="width: 100%;" @click='reportdetail'><div>尿检</div><div class="izpimg"@click='reportdetail'><img src="@/static/addmore.png" alt=""></div></div>
		</div>
	</div>
</template>

<script>
		export default {
			data(){
				return{}
			},methods:{
				reportdetail(){
					uni.navigateTo({
						url:"./reportdetail"
					})
				}
			}
		}
</script>

<style>
	.izpimg img{
		width: 10px;
		height: 10px;
		margin-right: 30px;
	}
	.server1 {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #333333;
		height: 56px;
		line-height: 56px;
		border-bottom: 1px solid rgba(242, 242, 242, 1);
		font-size: 15px;
		margin-left: 15px;
	}
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	.zp {
		
		margin: 0 10px;
		width: 100%;
	}
	.server {
		    height: 56px;
			line-height: 56px;
			border-bottom: 1px solid rgba(242, 242, 242, 1);
			font-size: 17px;
	}
	.content{
		padding: 20px;
	}
	.contop{
		border: 1px solid #f2f2f2;
		background-color: #ffffff;
		padding: 20px 10px;
	}
	.zip{
		display: flex;
		align-items: center;
				padding: 10px 0px;
		font-family: 'PingFangSC-Light', 'PingFang SC Light', 'PingFang SC', sans-serif;
		    font-weight: 200;
		    font-style: normal;
		    color: #797979;
			font-size: 14px;
			color: #7f7f7f;
	}
</style>